
// toolbar工具栏的工具选项（默认展示全部）
const toolOptions = [
  ['bold', 'italic', 'underline', 'strike'],
  ['blockquote', 'code-block'],
  [{ header: 1 }, { header: 2 }],
  [{ list: 'ordered' }, { list: 'bullet' }],
  [{ script: 'sub' }, { script: 'super' }],
  [{ indent: '-1' }, { indent: '+1' }],
  [{ direction: 'rtl' }],
  [{ size: ['small', false, 'large', 'huge'] }],
  [{ header: [1, 2, 3, 4, 5, 6, false] }],
  [{ color: [] }, { background: [] }],
  [{ font: [] }],
  [{ align: [] }],
  ['clean', 'link', 'image', 'video'],
  ['sourceEditor'] // 新添加的工具
]
const handlers = {
  sourceEditor: function () { // 添加工具方法
    alert('我新添加的工具方法')
  }
}

export default {
  placeholder: '',
  theme: 'snow', // 主题
  modules: {
    toolbar: {
      container: toolOptions, // 自定义工具栏选项
      handlers: handlers // 事件添加
    }
  },
  initButton: function () { // 在使用的页面中初始化按钮样式
    const sourceEditorButton = document.querySelector('.ql-sourceEditor')
    sourceEditorButton.style.cssText = 'width:80px; border:1px solid #ccc; border-radius:5px;'
    sourceEditorButton.innerText = '源码编辑'
  }
}
